<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>HTML语义化</title>
</head>
<body>
    <!--网页信息头部-->
     <header>
        <h1>网页标题或logo</h1>
    </header>
    <!--网页导航信息-->
    <nav>
        <u1>
        <li><a href="../index.html">首页</a></li>
        <li><a href="#">公司概况</a></li>

        <li><a href="#">关于我们</a></li>
        </u1>
    </nav>
    <!-- 无具体语义，非常适合阅读模式 -->
    <main>
       <!-- 有意义的独立信息区域-->
       <article>
        <header>
            <h1>新闻标题</h1>
            <h2>新闻副标题</h2>
        </header>
        <!-- 信息内容的不同区域-->
        <section>
            新闻作者，发表时间，阅读次数等信息
        </section>
        <section>新闻主要内容</section>
        <section>
            <p>发表讨论</p>
            <article>
                <h3>张三发表</h3>
                <p>实在</p>
            </article>
            <article>
                <h3>李四发表</h3>
                <p>很好</p>
            </article>
        </section>
        <footer>
            作者简介
        </footer>
       </article>
       <!--独立相关内容-->
       <aside>
        当前新闻相关的其他新闻内容
        <!--内敛文本相关标签-->
        <hr>
        <abbr title="万维网">www</abbr><br>
        <dfn>定义术语</dfn><br>
        <mark>高亮标记</mark><br>
        <code>int i;</code><br>
        <small>法律条文</small><br>
        
        <!-- input新增类型-->
        <input type="color" name="" id="">
        <input type="email" name="" id="">
        <input type="url" name="" id="">
        <input type="date" name="" id=""> 
         <input type="month" name="" id="">
         <input type="week" name="" id="">
         <input type="time" name="" id="">  
         <hr>    
        </aside>

    </main>

    <!--网页信息底部-->

    <footer>
        <p>页面底部</p>
        <!-- 指明为地址信息-->
        <address>地址：江西省九江市濂溪区</address>
    </footer>

    </body>
</html>